{include /common/header}
<div style="width: 800px;margin: 10px auto;">
    <div style="font-size: 3em;font-weight: bold;text-align: center;margin: 20px;">留言薄</div>
    <form action="{:plugin_url('/guestbook/index/index')}" method="POST">
        <fieldset>

            <div class="form-group">
                <label>留言内容</label>
                <textarea class="form-control" name="body" cols="60" rows="5" placeholder="再此输入留言内容..." required></textarea>
            </div>

            <div class="form-group">
                <label>您的联系方式</label>
                <input type="text" class="form-control" name="contact" value="" style="width: 250px;" placeholder="电话 QQ 邮箱 ..." required>
            </div>

            <div class="form-group">
                <label>如何称呼您？</label>
                <input type="text" class="form-control" name="nickname" value="" style="width: 250px;" placeholder="例如:张先生">
            </div>

            <div class="form-group">
                <label>验证码</label>
                <input type="text" class="form-control" name="captcha" placeholder="验证码" style="width: 100px;" required>
                <img src="{:plugin_url('/guestbook/index/captcha')}" alt="点击更换" style="vertical-align: middle;cursor: pointer;" onclick="this.src = '{:plugin_url('/guestbook/index/captcha')}?time=' + (new Date()).getTime();">
            </div>

            <button type="submit" class="btn btn-primary">提交</button>
            
        </fieldset>
    </form>
</div>
{include /common/footer}